<@front.html>

<div class="sea_list">
	
	<#if showPage.result?size gt 0>
	<ul>
		<#list showPage.result as show>
		<#if showPage.result?size gt 0>
			<#if show_index gt 3>
				<#break>
			</#if>	
		<li>
			<div class="sea_box">
				<div class="sea_tp"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="<#if show.cover??>${(show.cover!)}<#else>${base}/images/tplip.jpg</#if>" width="115px" height="74px"/></a></div>
				<div class="sea_act">
					<p><img src="${base}/images/musicvideo.jpg" /></p>
					<p class="sea_top"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="${base}/images/play.jpg" /></a></p>
				</div>
			</div>
		</li>
		</#if>
		</#list>
	</ul>	
	<div class="sea_line"></div>
	</#if>
	
	<#if showPage.result?size gt 4>
	<ul>
		<#list showPage.result as show>
		<#if showPage.result?size gt 4 &&show_index gt 3>
			<#if show_index gt 7>
				<#break>
			</#if>	
		<li>
			<div class="sea_box">
				<div class="sea_tp"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="<#if show.cover??>${(show.cover!)}<#else>${base}/images/tplip.jpg</#if>" width="115px" height="74px"/></a></div>
				<div class="sea_act">
					<p><img src="${base}/images/musicvideo.jpg" /></p>
					<p class="sea_top"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="${base}/images/play.jpg" /></a></p>
				</div>
			</div>
		</li>
		</#if>
		</#list>
	</ul>	
	<div class="sea_line"></div>
	</#if>
	
	<#if showPage.result?size gt 8>
	<ul>
		<#list showPage.result as show>
		<#if showPage.result?size gt 8 &&show_index gt 7>
			<#if show_index gt 11>
				<#break>
			</#if>	
		<li>
			<div class="sea_box">
				<div class="sea_tp"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="<#if show.cover??>${(show.cover!)}<#else>${base}/images/tplip.jpg</#if>" width="115px" height="74px"/></a></div>
				<div class="sea_act">
					<p><img src="${base}/images/musicvideo.jpg" /></p>
					<p class="sea_top"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="${base}/images/play.jpg" /></a></p>
				</div>
			</div>
		</li>
		</#if>
		</#list>
	</ul>	
	<div class="sea_line"></div>
	</#if>
	
	<#if showPage.result?size gt 12>
	<ul>
		<#list showPage.result as show>
		<#if showPage.result?size gt 12 &&show_index gt 11>
			<#if show_index gt 15>
				<#break>
			</#if>	
		<li>
			<div class="sea_box">
				<div class="sea_tp"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="<#if show.cover??>${(show.cover!)}<#else>${base}/images/tplip.jpg</#if>" width="115px" height="74px"/></a></div>
				<div class="sea_act">
					<p><img src="${base}/images/musicvideo.jpg" /></p>
					<p class="sea_top"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="${base}/images/play.jpg" /></a></p>
				</div>
			</div>
		</li>
		</#if>
		</#list>
	</ul>	
	<div class="sea_line"></div>
	</#if>
	
	<#if showPage.result?size gt 16>
	<ul>
		<#list showPage.result as show>
		<#if showPage.result?size gt 16 &&show_index gt 15>
			<#if show_index gt 19>
				<#break>
			</#if>	
		<li>
			<div class="sea_box">
				<div class="sea_tp"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="<#if show.cover??>${(show.cover!)}<#else>${base}/images/tplip.jpg</#if>" width="115px" height="74px"/></a></div>
				<div class="sea_act">
					<p><img src="${base}/images/musicvideo.jpg" /></p>
					<p class="sea_top"><a href="${base}/space/show!detail?domain=${show.space.domain}&id=${show.id}" hidefocus><img src="${base}/images/play.jpg" /></a></p>
				</div>
			</div>
		</li>
		</#if>
		</#list>
	</ul>	
	<div class="sea_line"></div>
	</#if>
</div>
</@front.html>
